<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>webIm Test</title>
    <link href="/jsp/common/css/bootstrap.min.css" rel="stylesheet">
    <link href="/jsp/common/css/font-awesome.min.css" rel="stylesheet">
    <link href="/jsp/common/css/form-elements.css" rel="stylesheet">
    <link href="/jsp/common/css/style.css" rel="stylesheet">
    <link href="/jsp/common/css/bootstrap-extend.css" rel="stylesheet">

    <script src="/jsp/common/js/jquery.min.js"></script>
    <script src="/jsp/common/js/bootstrap.min.js"></script>
    <script src="/jsp/common/js/angular.min.js"></script>
    <script src="/jsp/common/js/module/ajaxModule.js"></script>

    <script>
        var mainapp = angular.module("mainapp");
        var maincontroller = m.controller("maincontroller", function ($scope, ajax) {
            $scope.inputPhone = "";
            $scope.inputUsername = "";
            $scope.inputPassword = "";
            $scope.inputPasswordConfirm = "";

            $scope.validate = {
                isEmpty:function (obj) {
                    return (obj == null || obj == "")
                }
            };

            $scope.option = function () {
                inputPhone: ""
            };


            $scope.register = function () {

            };

            $scope.ngClick = function () {
                console.log("click me ..................11");
            };
        });
    </script>

</head>
<body ng-app="mainapp" style="background-image: url(./img/1.jpg);">
<div class="top-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 text">
                <h1><strong>WebIm</strong>&nbsp;欢迎您</h1>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4 col-sm-offset-4 form-box">
            <div class="form-top">
                <div class="form-top-left">
                    <h3>注册</h3>
                    <p>请输入您的信息:</p>
                </div>
                <div class="form-top-right">
                    <i class="fa fa-lock"></i>
                </div>
            </div>
            <div ng-show="false">不能为空</div>
            <div class="form-bottom" ng-controller="maincontroller">
                <!--<form role="form" onsubmit="return ;" class="login-form">
                    <div class="form-group">
                        <label class="sr-only">手机</label>
                        <input type="text" placeholder="手机..." class="form-username form-control" ng-model="option.inputPhone">

                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="form-username">昵称</label>
                        <input type="text" name="form-username" placeholder="昵称..." class="form-username form-control" id="form-username" ng-model="inputUsername">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="form-password">密码</label>
                        <input type="password" name="form-password" placeholder="密码..." class="form-password form-control" id="form-password" ng-model="inputPassword">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="form-password">确认</label>
                        <input type="password" name="form-password" placeholder="请输入密码..." class="form-password form-control" id="form-passwordConfirm" ng-model="inputPasswordConfirm">
                    </div>
                    <button type="submit" ng-click="register()" class="btn" ng-disabled="inputPhone=='' || inputUsername=='' || inputPassword=='' || inputPasswordConfirm==''">注册!</button>
                </form>-->
                <p><span ng-click="ngClick()">click me</span></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>